<template>
    <div>
        路由导航
        <router-link to="/child/1">动画加响应路由1</router-link>
        <router-link to="/child/2">动画加响应路由2</router-link>
        <router-link to="/child/3">动画加响应路由3</router-link>

        <div>
            <transition>
                <router-view></router-view>
            </transition>
        </div>
    </div>
</template>
<script>
export default {
    // watch:{
    //     "$route"(to){
    //         console.log(to);
    //     },
    // },
    // beforeRouteEnter(to,from,next){
    //     // console.log(to);
    //     // to.path = "/brouteNavigation";
    //     console.log(from);
    //     next((res)=>{
    //         console.log(res);
    //     });
    //     console.log(from.path);
    // },
    beforeRouteUpdate (to, from ,next){
        console.log(to,);
        next();
    },
    methods:{
        
    }
}
</script>
